<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>学生交作业</title>
		<link href="../bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
		<script type="text/javascript" src="../jquery-2.1.1/jquery.min.js"></script>
		<script type="text/javascript" src="../bootstrap-3.3.7/js/bootstrap.min.js"></script>

		<style>
			body {
				background-image: url(img/1.jpg);
			}
			
			th {
				width: 500px;
			}
		</style>
		<script>
			$.ajax({
						type: "get",
						datatype: "json",
						url: "student.json",
						async: true,
						success: function(json) {
							var student = json;
							var head = "<tr>" + "<th>学生信息</th><th>信息信息</th>" + "</tr>";
							var uid = "<tr>" + "<td>" + "学生学号" + "</td>" + "<td>" + student.uid + "</td>" + "</tr>";
							var username = "<tr>" + "<td>" + "学生名字" + "</td>" + "<td>" + student.username + "</td>" + "</tr>";
							var computername = "<tr>" + "<td>" + "本 机 IP" + "</td>" + "<td>" + student.computername + "</td>" + "</tr>";
							var filesize = "<tr>" + "<td>" + "文档大小" + "</td>" + "<td>" + student.filesize + "</td>" + "</tr>";
							var good = "<tr>" + "<td>" + "好评指数" + "</td>" + "<td>" + student.good + "</td>" + "</tr>";
							tbBody = "<thead>" + head + "</thead>" + "<tbody>" + uid + username + computername + filesize + good +"</tbody>";
							$("#myTb").append(tbBody);          
						}
					});
		</script>
	</head>

	<body>
		<div class="container">
			<div class="row clearfix">
				<div class="col-md-3"></div>
				<div class="col-md-6">
					<span class="text-center"><h1>Student学生交作业</h1></span>
					<br />
					<div class="panel panel-default">
						<div class="panel-heading text-center">欢迎登录系统</div>
						<div class="panel-body">
							<table id="myTb" class="table">
								
								
								
								
							</table>
							<!--
                                	作者：offline
                                	时间：2017-03-24
                                	描述：
                                
								<thead>
									<c:forEach items="${download }" var="dl">
										<tr>
											<th>上课资料！</th>
											<th>
												<a href="#" onclick="javascript:downloadfile('${dl.url}')">${dl.url}</a>
											</th>
										</tr>
									</c:forEach>
								</thead>
								-->
							<form class="form-inline" role="form">
								<div class="form-group">
									<input type="hidden" name="username" readonly value="${student.username }" />
									<input type="hidden" name="uid" readonly="readonly" value="${student.uid }" />
								</div>
								<div class="form-group">
									<input type="file" name="attach" />
								</div>
								<button type="submit" class="btn btn-default">提交作业</button>
							</form>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-3">
			</div>
		</div>

	</body>

</html>